<!--<!DOCTYPE html>-->
<!--<html xmlns:th="http://www.thymeleaf.org">-->
<!--<head>-->
<!--    <meta charset="UTF-8">-->
<!--    <title>修改我的信息页面</title>-->
<!--    <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}" />-->
<!--    <style>-->
<!--        body {-->
<!--            background-color: #f4f7fc;-->
<!--        }-->
<!--        .container {-->
<!--            margin-top: 50px;-->
<!--        }-->
<!--        .header {-->
<!--            background-color: #0ACCCE;-->
<!--            padding: 20px;-->
<!--            border-radius: 8px;-->
<!--            margin-bottom: 30px;-->
<!--        }-->
<!--        .header h3 {-->
<!--            color: white;-->
<!--            font-weight: bold;-->
<!--        }-->
<!--        .form-group label {-->
<!--            font-weight: bold;-->
<!--        }-->
<!--        .form-group input, .form-group select {-->
<!--            border-radius: 5px;-->
<!--            box-shadow: inset 0 1px 3px rgba(0,0,0,.1);-->
<!--            border: 1px solid #ddd;-->
<!--        }-->
<!--        .form-group input:focus, .form-group select:focus {-->
<!--            border-color: #007bff;-->
<!--            box-shadow: 0 0 8px rgba(0,123,255,.25);-->
<!--        }-->
<!--        .btn {-->
<!--            border-radius: 5px;-->
<!--        }-->
<!--        .btn-success {-->
<!--            background-color: #28a745;-->
<!--            border-color: #28a745;-->
<!--        }-->
<!--        .btn-primary {-->
<!--            background-color: #007bff;-->
<!--            border-color: #007bff;-->
<!--        }-->
<!--        .btn:hover {-->
<!--            opacity: 0.9;-->
<!--        }-->
<!--        .form-group img {-->
<!--            margin-top: 10px;-->
<!--            border-radius: 50%;-->
<!--        }-->
<!--    </style>-->
<!--</head>-->
<!--<body>-->

<!--<div class="container" style="background-color: #E5FCFB">-->
<!--    <div class="header text-center">-->
<!--        <h3>修改病人信息</h3>-->
<!--    </div>-->

<!--    <form th:action="@{/user/update}"-->
<!--          name="myform" method="post"-->
<!--          th:object="${user}"-->
<!--          class="form-horizontal"-->
<!--          enctype="multipart/form-data">-->

<!--        <input type="hidden" name="people" value="u"/>-->
<!--        <input type="hidden" name="id" id="id" th:value="${user.id}"/>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人名字</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="text" class="form-control" placeholder="请输入病人名字" th:field="*{name}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人电话</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="text" class="form-control" placeholder="请输入电话" th:field="*{phone}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人密码</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="text" class="form-control" placeholder="请输入病人密码" th:field="*{pwd}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人性别</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <select class="form-control" th:field="*{sex}">-->
<!--                    <option value="" disabled selected>请选择病人性别</option>-->
<!--                    <option value="男">男</option>-->
<!--                    <option value="女">女</option>-->
<!--                </select>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人出生日期</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="date" class="form-control" th:field="*{birthday}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人地址</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="text" class="form-control" placeholder="请输入病人地址" th:field="*{address}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人身份证</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="text" class="form-control" placeholder="请输入病人身份证" th:field="*{cno}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">病人余额</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="number" class="form-control" placeholder="请输入病人余额" th:field="*{balance}" readonly/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group">-->
<!--            <label class="col-sm-2 col-md-2 control-label">修改病人头像</label>-->
<!--            <div class="col-sm-4 col-md-4">-->
<!--                <input type="file" class="form-control" name="fileName" placeholder="请选择图片"/>-->
<!--                <img th:src="${user.tx}" style="height: 100px; width: 100px; display: block;"/>-->
<!--                <input type="hidden" name="tx" id="tx" th:field="${user.tx}"/>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="form-group text-center">-->
<!--            <button type="submit" class="btn btn-success">提交修改</button>-->
<!--            <button type="reset" class="btn btn-primary">重置</button>-->
<!--        </div>-->
<!--    </form>-->
<!--</div>-->

<!--</body>-->
<!--</html>-->
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>修改用户页面</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css">
    <style>
        body {
            background-color: #f7f7f7;
        }
        .header {
            background-color: white;
            padding: 10px;
            padding-top: 25px;
            color: black;
            border-radius: 8px 8px 0 0;
        }
        .form-container {
            background-color: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
        }
        .form-group label {
            font-weight: bold;
        }
        .form-group input, .form-group select {
            height: 45px;
            font-size: 16px;
        }
        .btn {
            padding: 10px 25px;
            font-weight: bold;
            /*width: 100%;*/
            font-size: 16px;
        }
        .image-preview {
            width: 60px;
            height: 60px;
            object-fit: cover;
            border-radius: 50%;
        }
        .update-button-section{
            width: 60%;
            height:50px;
            display: flex;
            margin-left: -15px;
            justify-content: center;
        }
        .update-button{
            margin-top: 10px;
            width:120px;
        }
        .doctorInfo-input{
            outline:none;
            border: none;
            transition: 0.5s;
            border-bottom:1px gainsboro solid;
        }
        .doctorInfo-input:focus{
            outline:none;
            border: none;
            border-bottom: 1px #0ACCCE solid;
        }
        input::placeholder{
            color:darkgray;
        }
        .footer-section{
            background-color: rgb(35,43,43);
        }
        .footer-logo{
            width:80px;
        }
    </style>
</head>
<body>

<div class="container mt-5">
    <div class="header text-center">
        <h3>修改我的信息</h3>
    </div>
    <div class="form-container">
        <form th:action="@{/user/update}"
              name="myform" method="post"
              th:object="${user}"
              class="form-horizontal"
              enctype="multipart/form-data">
            <input  type="hidden" name="people" value="u"/>


            <div class="col-12">
                <div class="row">
                    <div class="col-sm-6 py-1">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">我的名字</label>
                            <div class="col-sm-5">
                                <input type="text" class="doctorInfo-input form-control form-control-lg"
                                       placeholder="请输入我的名字"
                                       th:field="*{name}"/>
                                <input type="hidden" name="id" id="id" th:value="${user.id}"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 py-1">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">我的电话</label>
                            <div class="col-sm-5">
                                <input type="text" class="doctorInfo-input form-control form-control-lg"
                                       placeholder="请输入电话"
                                       th:field="*{phone}"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 py-1">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">我的密码</label>
                            <div class="col-sm-5">
                                <input  type="text" class="doctorInfo-input form-control form-control-lg"
                                        placeholder="请输入医生密码"
                                        th:field="*{pwd}"/>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 py-1">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">我的性别</label>
                            <div class="col-sm-5">
                                <select class="doctorInfo-input form-control form-control-lg" th:field="*{sex}">
                                    <option value="男">男</option>
                                    <option value="女">女</option>
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="col-sm-6 py-1">
                        <div class="form-group row">
                            <label class="col-sm-2 col-form-label">我的家庭地址</label>
                            <div class="col-sm-5">
                                <input  type="text" class="doctorInfo-input form-control form-control-lg"
                                        placeholder="请输入地址"
                                        th:field="*{address}"
                                        />
                            </div>
                        </div>
                    </div>



                </div>
            </div>

            <div class="col-sm-6 py-1">
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">我的身份证号</label>
                    <div class="col-sm-5">
                        <input  type="number" class="doctorInfo-input form-control form-control-lg"
                                placeholder="请输入身份证号"
                                th:field="*{cno}"
                                />
                    </div>
                </div>
            </div>



            <div class="col-sm-6 py-1">
                <!-- 医生头像 -->
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">我的头像</label>
                    <div class="col-sm-10">
                        <input type="file" class="form-control form-control-lg" name="fileName"/>
                        <div class="mt-2">
                            <img th:src="${user.tx}" class="image-preview" alt="医生头像">
                        </div>
                        <input type="hidden" name="tx" id="tx" th:value="${user.tx}"/>
                    </div>
                </div>
            </div>

            <div class="col-sm-6 py-1">
                <!-- 医生详情 -->
                <div class="form-group row">
                    <label class="col-sm-2 col-form-label">我的余额</label>
                    <div class="col-sm-10">
                        <input type="text" class="form-control form-control-lg"
                               placeholder="请输入医生详情"
                               th:field="*{balance}" readonly/>
                    </div>
                </div>
            </div>

            <!-- 提交按钮 -->
            <div class="update-button-section form-group">
                <div class="update-button">
                    <button type="submit" class="btn btn-sm" style="background-color: #0ACCCE">修改</button>
                </div>
                <div class="update-button">
                    <button type="reset" class="btn btn-sm" style="background-color: black;color:white;">重置</button>
                </div>
            </div>


        </form>
    </div>


    <!--    <footer id="page-footer" class=" footer-section panel-footer" style="width: 100%; overflow: hidden;">-->
    <!--        <div class="container">-->
    <!--            <div class="row footer-top" style="text-align: center;">-->
    <!--            </div>-->
    <!--            <div class="col-md-12 container" style="background-color: #232B2B">-->
    <!--                <center>-->
    <!--                    <p>Copyright© 2024 All Rights Reserved. </p>-->
    <!--                    <p>重庆师范大学&#45;&#45;校医院</p>-->
    <!--                </center>-->

    <!--            </div>-->
    <!--        </div>-->
    <!--    </footer>-->
</div>

</body>
</html>
